.m-header{
  width: 100%; 
  height: 2.74rem; 
  padding: .62rem .2rem .62rem .8rem; 
  background: url(~images/bg/header-bg.jpg) no-repeat center;
  box-sizing: border-box;
  dt{
    width: 1.44rem; 
    height: 1.44rem; 
    border: 3px solid #fff; 
    background: #f5f5f5; 
    border-radius: 50%;
    overflow: hidden;
  }
  dd{
    padding-top: .2rem;
    margin-left: 1.76rem;
    p{
      font-size: .28rem; 
      color: #fff; 
      line-height: .48rem;
      span{
        font-size: .36rem; 
        line-height: .56rem; 
        padding-right: .2rem;
      }
    }
  }
}
.m-menu{
  position: relative;
  background: #f5f5f5;
  padding: .3rem .2rem;
  &:before{
    content:'';
    position: absolute;
    left: .2rem;
    right: .2rem;
    top: .57rem;
    height: 1px;
    background: #ddd;
  }
  li{
    font-size: .28rem;
    align-items: center;
    text-align: center;
    z-index: 2;
    .iconImg{
      width: .54rem;
      height: .54rem;
      line-height: .54rem;
      border-radius: 50%;
      background: #c8c8c8;
      color: #fff;
      margin: 0 auto .1rem;
    }
    span{
      color: #888;
    }
    &.active{
      .iconImg{
        background: #77babd;
      }
    }
  }
}